commit 0f74c11f7c5abedcd36f29dc416aaf8b4f1fccd3 · edouard.paris/did-method-plc

+1 -1

go-didplc/.gitignore

···

       1
       -
       ./webplc

     

       2
        
       /plan.txt

     

       3
        
       !static/.well-known/

     

       4
        
       !.gitignore

···

       1
       +
       /webplc

     

       2
        
       /plan.txt

     

       3
        
       !static/.well-known/

     

       4
        
       !.gitignore

+3 -3

go-didplc/cmd/webplc/main.go

···

       34
        
       			Action: serve,

     

       35
        
       			Flags: []cli.Flag{

     

       36
        
       				&cli.StringFlag{

     

       37
       -
       					Name:  "plc-host",

     

       38
       -
       					Usage: "method, hostname, and port of PLC instance",

     

       39
       -
       					Value: "https://plc.directory",

     

       40
        
       					EnvVars: []string{"ATP_PLC_HOST"},

     

       41
        
       				},

     

       42
        
       				&cli.StringFlag{

···

       34
        
       			Action: serve,

     

       35
        
       			Flags: []cli.Flag{

     

       36
        
       				&cli.StringFlag{

     

       37
       +
       					Name:    "plc-host",

     

       38
       +
       					Usage:   "method, hostname, and port of PLC instance",

     

       39
       +
       					Value:   "https://plc.directory",

     

       40
        
       					EnvVars: []string{"ATP_PLC_HOST"},

     

       41
        
       				},

     

       42
        
       				&cli.StringFlag{

+16 -17

go-didplc/cmd/webplc/resolve.go

···

       1
       -
       

     

       2
        
       package main

     

       3
        
       

     

       4
        
       import (

     

       0
        
       
     

       0
        
       
     

       5
        
       	"io"

     

       6
       -
       	"fmt"

     

       7
        
       	"net/http"

     

       8
       -
       	"encoding/json"

     

       9
        
       )

     

       10
        
       

     

       11
        
       type VerificationMethod struct {

     

       12
       -
       	Id string `json:"id"`

     

       13
       -
       	Type string `json:"type"`

     

       14
       -
       	Controller string `json:"controller"`

     

       15
        
       	PublicKeyMultibase string `json:"publicKeyMultibase"`

     

       16
        
       }

     

       17
        
       

     

       18
        
       type DidService struct {

     

       19
       -
       	Id string `json:"id"`

     

       20
       -
       	Type string `json:"type"`

     

       21
        
       	ServiceEndpoint string `json:"serviceEndpoint"`

     

       22
        
       }

     

       23
        
       

     

       24
        
       type DidDoc struct {

     

       25
       -
       	AlsoKnownAs []string `json:"alsoKnownAs"`

     

       26
        
       	VerificationMethod []VerificationMethod `json:"verificationMethod"`

     

       27
       -
       	Service []DidService `json:"service"`

     

       28
        
       }

     

       29
        
       

     

       30
        
       type ResolutionResult struct {

     

       31
       -
       	Doc *DidDoc

     

       32
       -
       	DocJson *string

     

       33
        
       	StatusCode int

     

       34
        
       }

     

       35
        
       

     
···

       43
        
       	log.Debugf("PLC resolution result status=%d did=%s", res.StatusCode, did)

     

       44
        
       

     

       45
        
       	result.StatusCode = res.StatusCode

     

       46
       -
       	if res.StatusCode == 404 {

     

       47
       -
       		return nil, fmt.Errorf("DID not found in PLC directory: %s", did)

     

       48
        
       	} else if res.StatusCode != 200 {

     

       49
        
       		return &result, nil

     

       50
        
       	}

     
···

       57
        
       	doc := DidDoc{}

     

       58
        
       	err = json.Unmarshal(respBytes, &doc)

     

       59
        
       	if err != nil {

     

       60
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       61
        
       	}

     

       62
        
       	result.Doc = &doc

     

       63
        
       

     
···

       65
        
       	var data map[string]interface{}

     

       66
        
       	err = json.Unmarshal(respBytes, &data)

     

       67
        
       	if err != nil {

     

       68
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       69
        
       	}

     

       70
        
       	indentJson, err := json.MarshalIndent(data, "", "  ")

     

       71
        
       	if err != nil {

     

       72
       -
       		return nil, fmt.Errorf("failed to parse DID Document JSON:", err)

     

       73
        
       	}

     

       74
        
       	s := string(indentJson)

     

       75
        
       	result.DocJson = &s

···

       0
        
       
     

       1
        
       package main

     

       2
        
       

     

       3
        
       import (

     

       4
       +
       	"encoding/json"

     

       5
       +
       	"fmt"

     

       6
        
       	"io"

     

       0
        
       
     

       7
        
       	"net/http"

     

       0
        
       
     

       8
        
       )

     

       9
        
       

     

       10
        
       type VerificationMethod struct {

     

       11
       +
       	Id                 string `json:"id"`

     

       12
       +
       	Type               string `json:"type"`

     

       13
       +
       	Controller         string `json:"controller"`

     

       14
        
       	PublicKeyMultibase string `json:"publicKeyMultibase"`

     

       15
        
       }

     

       16
        
       

     

       17
        
       type DidService struct {

     

       18
       +
       	Id              string `json:"id"`

     

       19
       +
       	Type            string `json:"type"`

     

       20
        
       	ServiceEndpoint string `json:"serviceEndpoint"`

     

       21
        
       }

     

       22
        
       

     

       23
        
       type DidDoc struct {

     

       24
       +
       	AlsoKnownAs        []string             `json:"alsoKnownAs"`

     

       25
        
       	VerificationMethod []VerificationMethod `json:"verificationMethod"`

     

       26
       +
       	Service            []DidService         `json:"service"`

     

       27
        
       }

     

       28
        
       

     

       29
        
       type ResolutionResult struct {

     

       30
       +
       	Doc        *DidDoc

     

       31
       +
       	DocJson    *string

     

       32
        
       	StatusCode int

     

       33
        
       }

     

       34
        
       

     
···

       42
        
       	log.Debugf("PLC resolution result status=%d did=%s", res.StatusCode, did)

     

       43
        
       

     

       44
        
       	result.StatusCode = res.StatusCode

     

       45
       +
       	if res.StatusCode == 404 || res.StatusCode == 410 {

     

       46
       +
       		return &result, nil

     

       47
        
       	} else if res.StatusCode != 200 {

     

       48
        
       		return &result, nil

     

       49
        
       	}

     
···

       56
        
       	doc := DidDoc{}

     

       57
        
       	err = json.Unmarshal(respBytes, &doc)

     

       58
        
       	if err != nil {

     

       59
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       60
        
       	}

     

       61
        
       	result.Doc = &doc

     

       62
        
       

     
···

       64
        
       	var data map[string]interface{}

     

       65
        
       	err = json.Unmarshal(respBytes, &data)

     

       66
        
       	if err != nil {

     

       67
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       68
        
       	}

     

       69
        
       	indentJson, err := json.MarshalIndent(data, "", "  ")

     

       70
        
       	if err != nil {

     

       71
       +
       		return nil, fmt.Errorf("failed to parse DID Document JSON: %v", err)

     

       72
        
       	}

     

       73
        
       	s := string(indentJson)

     

       74
        
       	result.DocJson = &s

+41 -18

go-didplc/cmd/webplc/server.go

···

       4
        
       	"context"

     

       5
        
       	"embed"

     

       6
        
       	"errors"

     

       0
        
       
     

       7
        
       	"io/fs"

     

       8
        
       	"net/http"

     

       9
        
       	"os"

     
···

       11
        
       	"strings"

     

       12
        
       	"syscall"

     

       13
        
       	"time"

     

       14
       -
       	"fmt"

     

       15
        
       

     

       16
       -
       	"github.com/russross/blackfriday/v2"

     

       17
        
       	"github.com/klauspost/compress/gzhttp"

     

       18
        
       	"github.com/klauspost/compress/gzip"

     

       19
       -
       	"github.com/flosch/pongo2/v6"

     

       20
        
       	"github.com/labstack/echo/v4"

     

       21
        
       	"github.com/labstack/echo/v4/middleware"

     

       0
        
       
     

       22
        
       	"github.com/urfave/cli/v2"

     

       23
        
       )

     

       24
        
       

     
···

       31
        
       //go:embed spec/v0.1/did-plc.md

     

       32
        
       var specZeroOneMarkdown []byte

     

       33
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       34
        
       type Server struct {

     

       35
       -
       	echo     *echo.Echo

     

       36
       -
       	httpd    *http.Server

     

       37
       -
       	client   *http.Client

     

       38
       -
       	plcHost	 string

     

       39
        
       }

     

       40
        
       

     

       41
        
       func serve(cctx *cli.Context) error {

     
···

       77
        
       	}

     

       78
        
       

     

       79
        
       	server := &Server{

     

       80
       -
       		echo:     e,

     

       81
       -
       		client:   &client,

     

       82
       -
       		plcHost:  cctx.String("plc-host"),

     

       83
        
       	}

     

       84
        
       

     

       85
        
       	server.httpd = &http.Server{

     
···

       141
        
       	e.GET("/resolve", server.WebResolve)

     

       142
        
       	e.GET("/did/:did", server.WebDid)

     

       143
        
       	e.GET("/spec/v0.1/did-plc", server.WebSpecZeroOne)

     

       144
       -
       	// TODO: e.GET("/api/redoc", server.WebSpecZeroOne)

     

       145
       -
       	// TODO: e.GET("/api/openapi3.json", server.WebSpecZeroOne)

     

       146
        
       

     

       147
        
       	// Start the server.

     

       148
        
       	log.Infof("starting server address=%s", httpAddress)

     
···

       191
        
       

     

       192
        
       func (srv *Server) errorHandler(err error, c echo.Context) {

     

       193
        
       	code := http.StatusInternalServerError

     

       0
        
       
     

       194
        
       	if he, ok := err.(*echo.HTTPError); ok {

     

       195
        
       		code = he.Code

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       196
        
       	}

     

       197
        
       	c.Logger().Error(err)

     

       198
        
       	data := pongo2.Context{

     

       199
       -
       		"statusCode": code,

     

       0
        
       
     

       200
        
       	}

     

       201
       -
       	c.Render(code, "error.html", data)

     

       0
        
       
     

       0
        
       
     

       202
        
       }

     

       203
        
       

     

       204
        
       func (srv *Server) WebHome(c echo.Context) error {

     
···

       213
        
       	return c.Render(http.StatusOK, "templates/markdown.html", data)

     

       214
        
       }

     

       215
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       216
        
       func (srv *Server) WebResolve(c echo.Context) error {

     

       217
        
       	data := pongo2.Context{}

     

       218
        
       	did := c.QueryParam("did")

     

       219
        
       	if did != "" {

     

       220
       -
       		return c.Redirect(http.StatusMovedPermanently, "/did/" + did)

     

       221
        
       	}

     

       222
        
       	return c.Render(http.StatusOK, "templates/resolve.html", data)

     

       223
        
       }

     
···

       227
        
       	did := c.Param("did")

     

       228
        
       	data["did"] = did

     

       229
        
       	if !strings.HasPrefix(did, "did:plc:") {

     

       230
       -
       		return fmt.Errorf("Not a valid DID PLC identifier: %s", did)

     

       231
        
       	}

     

       232
        
       	res, err := ResolveDidPlc(srv.client, srv.plcHost, did)

     

       233
        
       	if err != nil {

     

       234
        
       		return err

     

       235
        
       	}

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       236
        
       	data["result"] = res

     

       237
       -
       	fmt.Println(res.Doc)

     

       238
       -
       	fmt.Println(res.Doc.VerificationMethod)

     

       239
        
       	return c.Render(http.StatusOK, "templates/did.html", data)

     

       240
        
       }

···

       4
        
       	"context"

     

       5
        
       	"embed"

     

       6
        
       	"errors"

     

       7
       +
       	"fmt"

     

       8
        
       	"io/fs"

     

       9
        
       	"net/http"

     

       10
        
       	"os"

     
···

       12
        
       	"strings"

     

       13
        
       	"syscall"

     

       14
        
       	"time"

     

       0
        
       
     

       15
        
       

     

       16
       +
       	"github.com/flosch/pongo2/v6"

     

       17
        
       	"github.com/klauspost/compress/gzhttp"

     

       18
        
       	"github.com/klauspost/compress/gzip"

     

       0
        
       
     

       19
        
       	"github.com/labstack/echo/v4"

     

       20
        
       	"github.com/labstack/echo/v4/middleware"

     

       21
       +
       	"github.com/russross/blackfriday/v2"

     

       22
        
       	"github.com/urfave/cli/v2"

     

       23
        
       )

     

       24
        
       

     
···

       31
        
       //go:embed spec/v0.1/did-plc.md

     

       32
        
       var specZeroOneMarkdown []byte

     

       33
        
       

     

       34
       +
       //go:embed spec/plc-server-openapi3.yaml

     

       35
       +
       var apiOpenapiYaml []byte

     

       36
       +
       

     

       37
        
       type Server struct {

     

       38
       +
       	echo    *echo.Echo

     

       39
       +
       	httpd   *http.Server

     

       40
       +
       	client  *http.Client

     

       41
       +
       	plcHost string

     

       42
        
       }

     

       43
        
       

     

       44
        
       func serve(cctx *cli.Context) error {

     
···

       80
        
       	}

     

       81
        
       

     

       82
        
       	server := &Server{

     

       83
       +
       		echo:    e,

     

       84
       +
       		client:  &client,

     

       85
       +
       		plcHost: cctx.String("plc-host"),

     

       86
        
       	}

     

       87
        
       

     

       88
        
       	server.httpd = &http.Server{

     
···

       144
        
       	e.GET("/resolve", server.WebResolve)

     

       145
        
       	e.GET("/did/:did", server.WebDid)

     

       146
        
       	e.GET("/spec/v0.1/did-plc", server.WebSpecZeroOne)

     

       147
       +
       	e.GET("/api/redoc", server.WebRedoc)

     

       148
       +
       	e.GET("/api/plc-server-openapi3.yaml", server.WebOpenapiYaml)

     

       149
        
       

     

       150
        
       	// Start the server.

     

       151
        
       	log.Infof("starting server address=%s", httpAddress)

     
···

       194
        
       

     

       195
        
       func (srv *Server) errorHandler(err error, c echo.Context) {

     

       196
        
       	code := http.StatusInternalServerError

     

       197
       +
       	errorMessage := ""

     

       198
        
       	if he, ok := err.(*echo.HTTPError); ok {

     

       199
        
       		code = he.Code

     

       200
       +
       		if he.Message != nil {

     

       201
       +
       			errorMessage = fmt.Sprintf("%s", he.Message)

     

       202
       +
       		}

     

       203
        
       	}

     

       204
        
       	c.Logger().Error(err)

     

       205
        
       	data := pongo2.Context{

     

       206
       +
       		"statusCode":   code,

     

       207
       +
       		"errorMessage": errorMessage,

     

       208
        
       	}

     

       209
       +
       	if err = c.Render(code, "templates/error.html", data); err != nil {

     

       210
       +
       		c.Logger().Error(err)

     

       211
       +
       	}

     

       212
        
       }

     

       213
        
       

     

       214
        
       func (srv *Server) WebHome(c echo.Context) error {

     
···

       223
        
       	return c.Render(http.StatusOK, "templates/markdown.html", data)

     

       224
        
       }

     

       225
        
       

     

       226
       +
       func (srv *Server) WebOpenapiYaml(c echo.Context) error {

     

       227
       +
       	return c.Blob(http.StatusOK, "text/yaml", apiOpenapiYaml)

     

       228
       +
       }

     

       229
       +
       

     

       230
       +
       func (srv *Server) WebRedoc(c echo.Context) error {

     

       231
       +
       	data := pongo2.Context{}

     

       232
       +
       	return c.Render(http.StatusOK, "templates/redoc.html", data)

     

       233
       +
       }

     

       234
       +
       

     

       235
        
       func (srv *Server) WebResolve(c echo.Context) error {

     

       236
        
       	data := pongo2.Context{}

     

       237
        
       	did := c.QueryParam("did")

     

       238
        
       	if did != "" {

     

       239
       +
       		return c.Redirect(http.StatusMovedPermanently, "/did/"+did)

     

       240
        
       	}

     

       241
        
       	return c.Render(http.StatusOK, "templates/resolve.html", data)

     

       242
        
       }

     
···

       246
        
       	did := c.Param("did")

     

       247
        
       	data["did"] = did

     

       248
        
       	if !strings.HasPrefix(did, "did:plc:") {

     

       249
       +
       		return echo.NewHTTPError(http.StatusBadRequest, fmt.Errorf("Not a valid DID PLC identifier: %s", did))

     

       250
        
       	}

     

       251
        
       	res, err := ResolveDidPlc(srv.client, srv.plcHost, did)

     

       252
        
       	if err != nil {

     

       253
        
       		return err

     

       254
        
       	}

     

       255
       +
       	if res.StatusCode == 404 {

     

       256
       +
       		return echo.NewHTTPError(http.StatusNotFound, fmt.Errorf("DID not in PLC directory: %s", did))

     

       257
       +
       	}

     

       258
       +
       	if res.StatusCode == 410 {

     

       259
       +
       		return echo.NewHTTPError(http.StatusNotFound, fmt.Errorf("DID has been permanently deleted: %s", did))

     

       260
       +
       	}

     

       261
        
       	data["result"] = res

     

       0
        
       
     

       0
        
       
     

       262
        
       	return c.Render(http.StatusOK, "templates/did.html", data)

     

       263
        
       }

+130

go-didplc/cmd/webplc/spec/plc-server-openapi3.yaml

···

       1
       +
       openapi: 3.0.0

     

       2
       +
       info:

     

       3
       +
         version: 0.1

     

       4
       +
         title: DID PLC Directory API

     

       5
       +
       

     

       6
       +
       servers:

     

       7
       +
         - url: https://plc.directory

     

       8
       +
       

     

       9
       +
       paths:

     

       10
       +
         /{did}:

     

       11
       +
           get:

     

       12
       +
             description: "Fetch DID Document"

     

       13
       +
             parameters:

     

       14
       +
               - name: did

     

       15
       +
                 in: path

     

       16
       +
                 required: true

     

       17
       +
                 schema:

     

       18
       +
                   type: string

     

       19
       +
             responses:

     

       20
       +
               '200':

     

       21
       +
                 description: "Successfully returned DID Document"

     

       22
       +
                 content:

     

       23
       +
                   application/did+ld+json:

     

       24
       +
                     $ref: '#/components/schemas/DidDocument'

     

       25
       +
               '404':

     

       26
       +
                 $ref: '#/components/responses/404NotFound'

     

       27
       +
           post:

     

       28
       +
         /{did}/data:

     

       29
       +
           get:

     

       30
       +
         /{did}/log:

     

       31
       +
           get:

     

       32
       +
         /{did}/log/audit:

     

       33
       +
           get:

     

       34
       +
         /{did}/log/last:

     

       35
       +
           get:

     

       36
       +
         /export:

     

       37
       +
           get:

     

       38
       +
       

     

       39
       +
       components:

     

       40
       +
         responses:

     

       41
       +
           404NotFound:

     

       42
       +
             description: "DID not found"

     

       43
       +
             content:

     

       44
       +
               application/json:

     

       45
       +
                 schema:

     

       46
       +
                   type: object

     

       47
       +
                   properties:

     

       48
       +
                     message:

     

       49
       +
                       type: string

     

       50
       +
         schemas:

     

       51
       +
           Operation:

     

       52
       +
             oneOf:

     

       53
       +
               - $ref: '#/components/schemas/PlcOp'

     

       54
       +
               - $ref: '#/components/schemas/TombstoneOp'

     

       55
       +
               - $ref: '#/components/schemas/LegacyCreateOp'

     

       56
       +
             discriminator:

     

       57
       +
               propertyName: type

     

       58
       +
               mapping:

     

       59
       +
                 plc_operation: '#/components/schemas/PlcOp'

     

       60
       +
                 plc_tombstone: '#/components/schemas/TombstoneOp'

     

       61
       +
                 create: '#/components/schemas/LegacyCreateOp'

     

       62
       +
           PlcOp:

     

       63
       +
             type: object

     

       64
       +
             required:

     

       65
       +
               - type

     

       66
       +
               - rotationKeys

     

       67
       +
               - verificationMethods

     

       68
       +
               - alsoKnownAs

     

       69
       +
               - services

     

       70
       +
               - prev

     

       71
       +
               - sig

     

       72
       +
             properties:

     

       73
       +
               type:

     

       74
       +
                 type: string

     

       75
       +
               rotationKeys:

     

       76
       +
                 type: array 

     

       77
       +
                 items:

     

       78
       +
                   type: string

     

       79
       +
               verificationMethods:

     

       80
       +
                 type: object

     

       81
       +
               alsoKnownAs:

     

       82
       +
                 type: array 

     

       83
       +
                 items:

     

       84
       +
                   type: string

     

       85
       +
               prev:

     

       86
       +
                 type: string

     

       87
       +
                 nullable: true

     

       88
       +
               sig:

     

       89
       +
                 type: string

     

       90
       +
           TombstoneOp:

     

       91
       +
             required:

     

       92
       +
               - type

     

       93
       +
               - prev

     

       94
       +
               - sig

     

       95
       +
             properties:

     

       96
       +
               type:

     

       97
       +
                 type: string

     

       98
       +
               prev:

     

       99
       +
                 type: string

     

       100
       +
               sig:

     

       101
       +
                 type: string

     

       102
       +
           LegacyCreateOp:

     

       103
       +
             required:

     

       104
       +
               - type

     

       105
       +
               - signingKey

     

       106
       +
               - recoveryKey

     

       107
       +
               - handle

     

       108
       +
               - service

     

       109
       +
               - prev

     

       110
       +
               - sig

     

       111
       +
             properties:

     

       112
       +
               type:

     

       113
       +
                 type: string

     

       114
       +
               signingKey:

     

       115
       +
                 type: string

     

       116
       +
               recoveryKey:

     

       117
       +
                 type: string

     

       118
       +
               handle:

     

       119
       +
                 type: string

     

       120
       +
               service:

     

       121
       +
                 type: string

     

       122
       +
               prev:

     

       123
       +
                 type: string

     

       124
       +
                 nullable: true

     

       125
       +
               sig:

     

       126
       +
                 type: string

     

       127
       +
       

     

       128
       +
       errors:

     

       129
       +
         400: Not a valid operation

     

       130
       +
         404: DID not registered

+3 -9

go-didplc/cmd/webplc/spec/v0.1/did-plc.md

···

       1
        
       

     

       2
       -
       DID PLC Specification v0.1

     

       3
       -
       ==========================

     

       0
        
       
     

       4
        
       

     

       5
        
       DID Placeholder is a self-authenticating [DID](https://www.w3.org/TR/did-core/) which is strongly-consistent, recoverable, and allows for key rotation.

     

       6
        
       

     

       7
        
       An example DID is: `did:plc:yk4dd2qkboz2yv6tpubpc6co`

     

       8
        
       

     

       9
        
       Control over a `did:plc` identity rests in a set of re-configurable "rotation" keys pairs. These keys can sign update "operations" to mutate the identity (including key rotations), with each operation referencing a prior version of the identity state by hash. Each identity starts from an initial "genesis" operation, and the hash of this initial object is what defines the DID itself (that is, the DID URI "identifier" string). A central "directory" server collects and validates operations, and maintains a transparent log of operations for each DID.

     

       10
       -
       

     

       11
       -
       ## Motivation

     

       12
       -
       

     

       13
       -
       [Bluesky](https://blueskyweb.xyz/) developed DID Placeholder when designing the [AT Protocol](https://atproto.com) ("atproto") because we were not satisfied with any of the existing DID methods.

     

       14
       -
       We wanted a strongly consistent, highly available, recoverable, and cryptographically secure method with fast and cheap propagation of updates.

     

       15
       -
       

     

       16
       -
       We titled the method "Placeholder", because we _don't_ want it to stick around forever in its current form. We are actively hoping to replace it with or evolve it into something less centralized - likely a permissioned DID consortium. That being said, we do intend to support `did:plc` in the current form until after any successor is deployed, with a reasonable grace period. We would also provide a migration route to allow continued use of existing `did:plc` identifiers.

     

       17
        
       

     

       18
        
       ## How it works

     

       19

···

       1
        
       

     

       2
       +
       # DID PLC Method Specification

     

       3
       +
       

     

       4
       +
       **Version:** v0.1 (May 2023)

     

       5
        
       

     

       6
        
       DID Placeholder is a self-authenticating [DID](https://www.w3.org/TR/did-core/) which is strongly-consistent, recoverable, and allows for key rotation.

     

       7
        
       

     

       8
        
       An example DID is: `did:plc:yk4dd2qkboz2yv6tpubpc6co`

     

       9
        
       

     

       10
        
       Control over a `did:plc` identity rests in a set of re-configurable "rotation" keys pairs. These keys can sign update "operations" to mutate the identity (including key rotations), with each operation referencing a prior version of the identity state by hash. Each identity starts from an initial "genesis" operation, and the hash of this initial object is what defines the DID itself (that is, the DID URI "identifier" string). A central "directory" server collects and validates operations, and maintains a transparent log of operations for each DID.

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       11
        
       

     

       12
        
       ## How it works

     

       13

-1

go-didplc/cmd/webplc/static

···

       1
       -
       ../../static/

···

       0

go-didplc/cmd/webplc/static/pico.min.css

···

       1
       +
       @charset "UTF-8";/*!

     

       2
       +
        * Pico CSS v1.5.10 (https://picocss.com)

     

       3
       +
        * Copyright 2019-2023 - Licensed under MIT

     

       4
       +
        */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.5rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out;--modal-overlay-backdrop-filter:blur(0.25rem)}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead,tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:hsl(205, 20%, 32%);--h1-color:hsl(205, 30%, 15%);--h2-color:#24333e;--h3-color:hsl(205, 25%, 23%);--h4-color:#374956;--h5-color:hsl(205, 20%, 32%);--h6-color:#4d606d;--muted-color:hsl(205, 10%, 50%);--muted-border-color:hsl(205, 20%, 94%);--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 90%, 32%);--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 20%, 32%);--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:hsl(205, 30%, 15%);--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:hsl(205, 14%, 68%);--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 18%, 86%);--form-element-disabled-border-color:hsl(205, 14%, 68%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:hsl(205, 16%, 77%);--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:hsl(205, 18%, 86%);--range-active-border-color:hsl(205, 16%, 77%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:hsl(205, 20%, 94%);--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 40%, 50%);--code-property-color:hsl(185, 40%, 40%);--code-value-color:hsl(40, 20%, 50%);--code-comment-color:hsl(205, 14%, 68%);--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),0 0 0 0.0625rem rgba(27, 40, 50, 0.015);--card-sectionning-background-color:#fbfbfc;--dropdown-background-color:#fbfbfc;--dropdown-border-color:#e1e6eb;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:hsl(205, 20%, 94%);--modal-overlay-background-color:rgba(213, 220, 226, 0.7);--progress-background-color:hsl(205, 18%, 86%);--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]){--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}[type=checkbox],[type=radio],[type=range],progress{accent-color:var(--primary)}*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);text-rendering:optimizeLegibility;overflow-wrap:break-word;cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}[role=link],a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}[role=link]:is([aria-current],:hover,:active,:focus),a:is([aria-current],:hover,:active,:focus){--color:var(--primary-hover);--text-decoration:underline}[role=link]:focus,a:focus{--background-color:var(--primary-focus)}[role=link].secondary,a.secondary{--color:var(--secondary)}[role=link].secondary:is([aria-current],:hover,:active,:focus),a.secondary:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}[role=link].secondary:focus,a.secondary:focus{--background-color:var(--secondary-focus)}[role=link].contrast,a.contrast{--color:var(--contrast)}[role=link].contrast:is([aria-current],:hover,:active,:focus),a.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}[role=link].contrast:focus,a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}:where(dl,ol,ul){padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}:where(dl,ol,ul) li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}:where(dl,ol,ul) :is(dl,ol,ul){margin:0;margin-top:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:where(iframe){border-style:none}img{max-width:100%;height:auto;border-style:none}:where(svg:not([fill])){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).secondary,input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}:is(button,input[type=submit],input[type=button],[role=button]).secondary:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).secondary:focus,input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:is([aria-current],:hover,:active,:focus){--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}:is(button,input[type=submit],input[type=button],[role=button]).outline,input[type=reset].outline{--background-color:transparent;--color:var(--primary)}:is(button,input[type=submit],input[type=button],[role=button]).outline:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--background-color:transparent;--color:var(--primary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary,input[type=reset].outline{--color:var(--secondary)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast{--color:var(--contrast)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}:where(button,[type=submit],[type=button],[type=reset],[role=button])[disabled],:where(fieldset[disabled]) :is(button,[type=submit],[type=button],[type=reset],[role=button]),a[role=button]:not([href]){opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox],[type=radio],[type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox],[type=radio]),select,textarea{width:100%}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal)}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly]):is(:active,:focus){--background-color:var(--form-element-active-background-color)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[role=switch],[readonly]):is(:active,:focus){--border-color:var(--form-element-active-border-color)}input:not([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}:where(fieldset[disabled]) :is(input:not([type=submit],[type=button],[type=reset]),select,textarea),input:not([type=submit],[type=button],[type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity);pointer-events:none}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=false]{background-image:var(--icon-valid)}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=true]{background-image:var(--icon-invalid)}:where(input,select,textarea)[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus){--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}:where(input,select,textarea)[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus){--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] :where(input,select,textarea):not([type=checkbox],[type=radio]):is([aria-invalid],[aria-invalid=true],[aria-invalid=false]){background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox],[type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple],[size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple],[size]){background-position:center left .75rem}:where(input,select,textarea,.grid)+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>:where(input,select,textarea){margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] :is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){text-align:right}@-moz-document url-prefix(){[type=date],[type=datetime-local],[type=month],[type=time],[type=week]{padding-right:var(--form-element-spacing-horizontal)!important;background-image:none!important}}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:0;border-radius:0;background:0 0}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-position:center left 1.125rem,center right .75rem}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=false]{background-image:var(--icon-search),var(--icon-valid)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=true]{background-image:var(--icon-search),var(--icon-invalid)}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{background-position:center right 1.125rem}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{background-position:center right 1.125rem,center left .75rem}:where(table){width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{height:0;border:0;border-top:1px solid var(--muted-border-color);color:inherit}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;-webkit-margin-start:calc(var(--spacing,1rem) * 0.5);margin-inline-start:calc(var(--spacing,1rem) * .5);float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height,1.5));background-image:var(--icon-chevron-button)}details summary[role=button]:not(.outline).contrast::after{background-image:var(--icon-chevron-button-inverse)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left;background-position:left center}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:0;-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);backdrop-filter:var(--modal-overlay-backdrop-filter);background-color:var(--modal-overlay-background-color);color:var(--color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:is([aria-current],:hover,:active,:focus){opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto}:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}:where(.modal-is-opening,.modal-is-closing) dialog{animation-duration:.8s;animation-name:modal-overlay}:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-delay:.2s;animation-name:modal}.modal-is-closing dialog,.modal-is-closing dialog>article{animation-delay:0s;animation-direction:reverse}@keyframes modal-overlay{from{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}}@keyframes modal{from{transform:translateY(-100%);opacity:0}}:where(nav li)::before{float:left;content:""}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav :where(a,[role=link]){display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav :where(a,[role=link]):is([aria-current],:hover,:active,:focus){text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){-webkit-margin-start:var(--nav-link-spacing-horizontal);margin-inline-start:var(--nav-link-spacing-horizontal)}nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{position:absolute;width:calc(var(--nav-link-spacing-horizontal) * 2);-webkit-margin-start:calc(var(--nav-link-spacing-horizontal)/ 2);margin-inline-start:calc(var(--nav-link-spacing-horizontal)/ 2);content:"/";color:var(--muted-color);text-align:center}nav[aria-label=breadcrumb] a[aria-current]{background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}nav [role=button]{margin-right:inherit;margin-left:inherit;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{content:"\\"}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list],li[role=list]{position:relative}details[role=list] summary+ul,li[role=list]>ul{display:flex;z-index:99;position:absolute;top:auto;right:0;left:0;flex-direction:column;margin:0;padding:0;border:var(--border-width) solid var(--dropdown-border-color);border-radius:var(--border-radius);border-top-right-radius:0;border-top-left-radius:0;background-color:var(--dropdown-background-color);box-shadow:var(--card-box-shadow);color:var(--dropdown-color);white-space:nowrap}details[role=list] summary+ul li,li[role=list]>ul li{width:100%;margin-bottom:0;padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);list-style:none}details[role=list] summary+ul li:first-of-type,li[role=list]>ul li:first-of-type{margin-top:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li:last-of-type,li[role=list]>ul li:last-of-type{margin-bottom:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li a,li[role=list]>ul li a{display:block;margin:calc(var(--form-element-spacing-vertical) * -.5) calc(var(--form-element-spacing-horizontal) * -1);padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);overflow:hidden;color:var(--dropdown-color);text-decoration:none;text-overflow:ellipsis}details[role=list] summary+ul li a:hover,li[role=list]>ul li a:hover{background-color:var(--dropdown-hover-background-color)}details[role=list] summary::after,li[role=list]>a::after{display:block;width:1rem;height:calc(1rem * var(--line-height,1.5));-webkit-margin-start:0.5rem;margin-inline-start:.5rem;float:right;transform:rotate(0);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:""}details[role=list]{padding:0;border-bottom:none}details[role=list] summary{margin-bottom:0}details[role=list] summary:not([role]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);background-color:var(--form-element-background-color);color:var(--form-element-placeholder-color);line-height:inherit;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}details[role=list] summary:not([role]):active,details[role=list] summary:not([role]):focus{border-color:var(--form-element-active-border-color);background-color:var(--form-element-active-background-color)}details[role=list] summary:not([role]):focus{box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}details[role=list][open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:"";cursor:default}nav details[role=list] summary,nav li[role=list] a{display:flex;direction:ltr}nav details[role=list] summary+ul,nav li[role=list]>ul{min-width:-moz-fit-content;min-width:fit-content;border-radius:var(--border-radius)}nav details[role=list] summary+ul li a,nav li[role=list]>ul li a{border-radius:0}nav details[role=list] summary,nav details[role=list] summary:not([role]){height:auto;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}nav details[role=list][open] summary{border-radius:var(--border-radius)}nav details[role=list] summary+ul{margin-top:var(--outline-width);-webkit-margin-start:0;margin-inline-start:0}nav details[role=list] summary[role=link]{margin-bottom:calc(var(--nav-link-spacing-vertical) * -1);line-height:var(--line-height)}nav details[role=list] summary[role=link]+ul{margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-link-spacing-horizontal) * -1);margin-inline-start:calc(var(--nav-link-spacing-horizontal) * -1)}li[role=list] a:active~ul,li[role=list] a:focus~ul,li[role=list]:hover>ul{display:flex}li[role=list]>ul{display:none;margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));margin-inline-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal))}li[role=list]>a::after{background-image:var(--icon-chevron)}label>details[role=list]{margin-top:calc(var(--spacing) * .25);margin-bottom:var(--spacing)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input,select,textarea,html)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input,select,textarea,html):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input,select,textarea,html):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a,button,input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after,[data-tooltip][data-placement=top]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[data-tooltip][data-placement=bottom]:after{transform:translate(-50%,-.3rem);border:.3rem solid transparent;border-bottom:.3rem solid}[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{top:50%;right:100%;bottom:auto;left:auto;transform:translate(-.25rem,-50%)}[data-tooltip][data-placement=left]:after{transform:translate(.3rem,-50%);border:.3rem solid transparent;border-left:.3rem solid}[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{top:50%;right:auto;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[data-tooltip][data-placement=right]:after{transform:translate(-.3rem,-50%);border:.3rem solid transparent;border-right:.3rem solid}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:hover::after,[data-tooltip]:hover::before,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before{animation-duration:.2s;animation-name:tooltip-slide-top}[data-tooltip]:hover::after,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after{animation-name:tooltip-caret-slide-top}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-bottom}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{animation-name:tooltip-caret-slide-bottom}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-left}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{animation-name:tooltip-caret-slide-left}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-right}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{animation-name:tooltip-caret-slide-right}}@keyframes tooltip-slide-top{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes tooltip-caret-slide-top{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes tooltip-slide-bottom{from{transform:translate(-50%,-.75rem);opacity:0}to{transform:translate(-50%,.25rem);opacity:1}}@keyframes tooltip-caret-slide-bottom{from{opacity:0}50%{transform:translate(-50%,-.5rem);opacity:0}to{transform:translate(-50%,-.3rem);opacity:1}}@keyframes tooltip-slide-left{from{transform:translate(.75rem,-50%);opacity:0}to{transform:translate(-.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-left{from{opacity:0}50%{transform:translate(.05rem,-50%);opacity:0}to{transform:translate(.3rem,-50%);opacity:1}}@keyframes tooltip-slide-right{from{transform:translate(-.75rem,-50%);opacity:0}to{transform:translate(.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-right{from{opacity:0}50%{transform:translate(-.05rem,-50%);opacity:0}to{transform:translate(-.3rem,-50%);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}

     

       5
       +
       /*# sourceMappingURL=pico.min.css.map */

-1

go-didplc/cmd/webplc/templates

···

       1
       -
       ../../templates/

···

       0

+94

go-didplc/cmd/webplc/templates/base.html

···

       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>

     

       10
       +
       html { position: relative; min-height: 100%; height: auto; }

     

       11
       +
       body { margin-bottom: 3em; }

     

       12
       +
       body > nav { background-color: var(--muted-border-color); }

     

       13
       +
       body > footer { position: absolute; bottom: 0px; padding: 2em; background-color: var(--muted-border-color); }

     

       14
       +
       thead th { font-weight: bold; }

     

       15
       +
       main 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/bluesky-social/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://blueskyweb.xyz">Bluesky</a> for <a href="https://atproto.com">atproto</a></small>

     

       90
       +
         </div>

     

       91
       +
       </footer>

     

       92
       +
       {% endblock -%}

     

       93
       +
       </body>

     

       94
       +
       </html>

+20

go-didplc/cmd/webplc/templates/error.html

···

       1
       +
       {% extends "base.html" %}

     

       2
       +
       

     

       3
       +
       {% block head_title %}Error {{ statusCode }} - did:plc{% endblock %}

     

       4
       +
       

     

       5
       +
       {%- block main %}

     

       6
       +
       {% if statusCode == 404 %}

     

       7
       +
         <h1>404: Not Found</h1>

     

       8
       +
       {% elif statusCode == 410 %}

     

       9
       +
         <h1>404: Gone</h1>

     

       10
       +
       {% elif statusCode == 400 %}

     

       11
       +
         <h1>400: Bad Request</h1>

     

       12
       +
       {% else %}

     

       13
       +
         <h1>{{ statusCode }}: Server Error</h1>

     

       14
       +
       {% endif %}

     

       15
       +
       {% if errorMessage %}

     

       16
       +
         <p>{{ errorMessage }}

     

       17
       +
       {% else %}

     

       18
       +
         <p>Sorry about that! Our <a href="https://status.bsky.app/">Status Page</a> might have more context.

     

       19
       +
       {% endif %}

     

       20
       +
       {% endblock -%}

+21

go-didplc/cmd/webplc/templates/redoc.html

···

       1
       +
       <!DOCTYPE html>

     

       2
       +
       <html>

     

       3
       +
         <head>

     

       4
       +
           <title>Redoc</title>

     

       5
       +
           <!-- needed for adaptive design -->

     

       6
       +
           <meta charset="utf-8"/>

     

       7
       +
           <meta name="viewport" content="width=device-width, initial-scale=1">

     

       8
       +
           <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">

     

       9
       +
           <!-- Redoc doesn't change outer page styles -->

     

       10
       +
           <style>

     

       11
       +
             body {

     

       12
       +
               margin: 0;

     

       13
       +
               padding: 0;

     

       14
       +
             }

     

       15
       +
           </style>

     

       16
       +
         </head>

     

       17
       +
         <body>

     

       18
       +
           <redoc spec-url='/api/plc-server-openapi3.yaml'></redoc>

     

       19
       +
           <script src="https://cdn.redoc.ly/redoc/latest/bundles/redoc.standalone.js"> </script>

     

       20
       +
         </body>

     

       21
       +
       </html>

+13

go-didplc/cmd/webplc/templates/resolve.html

···

       1
       +
       {% extends "base.html" %}

     

       2
       +
       

     

       3
       +
       {% block head_title %}

     

       4
       +
       Resolve did:plc

     

       5
       +
       {% endblock %}

     

       6
       +
       

     

       7
       +
       {% block main -%}

     

       8
       +
       <h2>Resolve a did:plc Identifier</h2>

     

       9
       +
       <form action="/resolve" method="get">

     

       10
       +
         <input type="search" name="did" placeholder="did:plc: [...]" style="width: 100%;">

     

       11
       +
       </form>

     

       12
       +
       <p>Example: <a href="/did/did:plc:ewvi7nxzyoun6zhxrhs64oiz"><code>did:plc:ewvi7nxzyoun6zhxrhs64oiz</code></a>

     

       13
       +
       {%- endblock %}

go-didplc/static

···

       0

···

       1
       +
       cmd/webplc/static/

go-didplc/static/.well-known/security.txt go-didplc/cmd/webplc/static/.well-known/security.txt

go-didplc/static/robots.txt go-didplc/cmd/webplc/static/robots.txt

go-didplc/templates

···

       0

···

       1
       +
       cmd/webplc/templates/

-44

go-didplc/templates/base.html

···

       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/simple.min.css">

     

       8
       -
         <title>{%- block head_title -%}did:plc Directory{%- endblock -%}</title>

     

       9
       -
         

     

       10
       -
         <style>

     

       11
       -
         </style>

     

       12
       -
       

     

       13
       -
       	<!--

     

       14
       -
         <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">

     

       15
       -
         <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">

     

       16
       -
         <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">

     

       17
       -
         -->

     

       18
       -
         {% block html_head_extra -%}{%- endblock %}

     

       19
       -
         <meta name="application-name" name="did:plc Website">

     

       20
       -
         <meta name="generator" name="webplc">

     

       21
       -
       </head>

     

       22
       -
       <body>

     

       23
       -
       {%- block body_all %}

     

       24
       -
       

     

       25
       -
       

     

       26
       -
       <header>

     

       27
       -
         <nav>

     

       28
       -
           <a href="/">Home</a>

     

       29
       -
           <a href="/resolve" >Lookup</a>

     

       30
       -
           <a href="/spec/v0.1/did-plc" >Specification</a>

     

       31
       -
           <a href="https://github.com/bluesky-social/did-method-plc">Source Code</a>

     

       32
       -
         </nav>

     

       33
       -
         <h1>did:plc Identifier Directory</h1>

     

       34
       -
         <p>a self-authenticating Decentralized Identifier (DID) system which is strongly-consistent, recoverable, and allows for key rotation</p>

     

       35
       -
       </header>

     

       36
       -
       <main>

     

       37
       -
         {% block main %}{% endblock %}

     

       38
       -
       </main>

     

       39
       -
       <footer>

     

       40
       -
         <p>Developed by <a href="https://blueskyweb.xyz">Bluesky</a> for <a href="https://atproto.com">atproto</a>.</p>

     

       41
       -
       </footer>

     

       42
       -
       {% endblock -%}

     

       43
       -
       </body>

     

       44
       -
       </html>

+16 -8

go-didplc/templates/did.html go-didplc/cmd/webplc/templates/did.html

···

       1
        
       {% extends "base.html" %}

     

       2
        
       

     

       3
       -
       {% block head_title %}

     

       4
        
       {{ did }}

     

       5
       -
       {% endblock %}

     

       6
        
       

     

       7
        
       {% block main -%}

     

       8
        
       <h3 style="font-family: monospace;">{{ did }}</h3>

     

       9
        
       

     

       10
        
       {% if result.StatusCode == 200 %}

     

       11
        
       

     

       12
       -
       <h4>Names and Aliases</h4>

     

       0
        
       
     

       13
        
       <div style="width: 100%; overflow-x: auto;">

     

       14
       -
       <table style="width: 100%;">

     

       15
        
         <thead>

     

       16
        
           <tr>

     

       17
        
             <th>URI</th>

     
···

       26
        
         </tbody>

     

       27
        
       </table>

     

       28
        
       </div>

     

       0
        
       
     

       29
        
       

     

       30
       -
       <h4>Services</h4>

     

       0
        
       
     

       31
        
       <div style="width: 100%; overflow-x: auto;">

     

       32
       -
       <table style="width: 100%;">

     

       33
        
         <thead>

     

       34
        
           <tr>

     

       35
        
             <th>ID</th>

     
···

       48
        
         </tbody>

     

       49
        
       </table>

     

       50
        
       </div>

     

       0
        
       
     

       51
        
       

     

       52
       -
       <h4>Verification Methods</h4>

     

       0
        
       
     

       53
        
       <div style="width: 100%; overflow-x: auto;">

     

       54
       -
       <table style="width: 100%;">

     

       55
        
         <thead>

     

       56
        
           <tr>

     

       57
        
             <th>ID</th>

     
···

       70
        
         </tbody>

     

       71
        
       </table>

     

       72
        
       </div>

     

       0
        
       
     

       73
        
       

     

       0
        
       
     

       74
        
       <h4>DID Document JSON</h4>

     

       75
        
       <pre><code>

     

       76
        
       {{- result.DocJson -}}

     

       77
        
       </code></pre>

     

       0
        
       
     

       78
        
       {% endif %}

     

       79
        
       

     

       80
        
       {%- endblock %}

···

       1
        
       {% extends "base.html" %}

     

       2
        
       

     

       3
       +
       {% block head_title -%}

     

       4
        
       {{ did }}

     

       5
       +
       {%- endblock %}

     

       6
        
       

     

       7
        
       {% block main -%}

     

       8
        
       <h3 style="font-family: monospace;">{{ did }}</h3>

     

       9
        
       

     

       10
        
       {% if result.StatusCode == 200 %}

     

       11
        
       

     

       12
       +
       <article>

     

       13
       +
       <h4 style="margin-bottom: 1em;">Names and Aliases</h4>

     

       14
        
       <div style="width: 100%; overflow-x: auto;">

     

       15
       +
       <table role="grid" style="width: 100%;">

     

       16
        
         <thead>

     

       17
        
           <tr>

     

       18
        
             <th>URI</th>

     
···

       27
        
         </tbody>

     

       28
        
       </table>

     

       29
        
       </div>

     

       30
       +
       </article>

     

       31
        
       

     

       32
       +
       <article>

     

       33
       +
       <h4 style="margin-bottom: 1em;">Services</h4>

     

       34
        
       <div style="width: 100%; overflow-x: auto;">

     

       35
       +
       <table role="grid" style="width: 100%;">

     

       36
        
         <thead>

     

       37
        
           <tr>

     

       38
        
             <th>ID</th>

     
···

       51
        
         </tbody>

     

       52
        
       </table>

     

       53
        
       </div>

     

       54
       +
       </article>

     

       55
        
       

     

       56
       +
       <article>

     

       57
       +
       <h4 style="margin-bottom: 1em;">Verification Methods</h4>

     

       58
        
       <div style="width: 100%; overflow-x: auto;">

     

       59
       +
       <table role="grid" style="width: 100%;">

     

       60
        
         <thead>

     

       61
        
           <tr>

     

       62
        
             <th>ID</th>

     
···

       75
        
         </tbody>

     

       76
        
       </table>

     

       77
        
       </div>

     

       78
       +
       </article>

     

       79
        
       

     

       80
       +
       <article>

     

       81
        
       <h4>DID Document JSON</h4>

     

       82
        
       <pre><code>

     

       83
        
       {{- result.DocJson -}}

     

       84
        
       </code></pre>

     

       85
       +
       </article>

     

       86
        
       {% endif %}

     

       87
        
       

     

       88
        
       {%- endblock %}

-9

go-didplc/templates/error.html

···

       1
       -
       {% extends "base.html" %}

     

       2
       -
       

     

       3
       -
       {% block head_title %}Error {{ statusCode }} - did:plc{% endblock %}

     

       4
       -
       

     

       5
       -
       {%- block body_all %}

     

       6
       -
           <h1>{{ statusCode }}: Server Error</h1>

     

       7
       -
           <p>Sorry about that! Our <a href="https://status.bsky.app/">Status Page</a> might have more context.

     

       8
       -
         {% endif %}

     

       9
       -
       {% endblock -%}

+5 -1

go-didplc/templates/home.html go-didplc/cmd/webplc/templates/home.html

···

       1
        
       {% extends "base.html" %}

     

       2
        
       

     

       3
        
       {% block main -%}

     

       4
       -
         <h2>Motivation</h2>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       5
        
         <p>Bluesky developed DID Placeholder when designing the AT Protocol ("atproto") because we were not satisfied with any of the existing DID methods. We wanted a strongly consistent, highly available, recoverable, and cryptographically secure method with fast and cheap propagation of updates.</p>

     

       6
        
       

     

       7
        
         <p>We titled the method "Placeholder", because we don't want it to stick around forever in its current form. We are actively hoping to replace it with or evolve it into something less centralized - likely a permissioned DID consortium. That being said, we do intend to support did:plc in the current form until after any successor is deployed, with a reasonable grace period. We would also provide a migration route to allow continued use of existing did:plc identifiers.</p>

···

       1
        
       {% extends "base.html" %}

     

       2
        
       

     

       3
        
       {% block main -%}

     

       4
       +
         <hgroup>

     

       5
       +
           <h1>DID PLC Directory</h1>

     

       6
       +
           <h3>A self-authenticating Decentralized Identifier (DID) system which is strongly-consistent, recoverable, and allows for key rotation</h3>

     

       7
       +
         </hgroup>

     

       8
       +
       

     

       9
        
         <p>Bluesky developed DID Placeholder when designing the AT Protocol ("atproto") because we were not satisfied with any of the existing DID methods. We wanted a strongly consistent, highly available, recoverable, and cryptographically secure method with fast and cheap propagation of updates.</p>

     

       10
        
       

     

       11
        
         <p>We titled the method "Placeholder", because we don't want it to stick around forever in its current form. We are actively hoping to replace it with or evolve it into something less centralized - likely a permissioned DID consortium. That being said, we do intend to support did:plc in the current form until after any successor is deployed, with a reasonable grace period. We would also provide a migration route to allow continued use of existing did:plc identifiers.</p>

go-didplc/templates/markdown.html go-didplc/cmd/webplc/templates/markdown.html

-15

go-didplc/templates/resolve.html

···

       1
       -
       {% extends "base.html" %}

     

       2
       -
       

     

       3
       -
       {% block head_title %}

     

       4
       -
       Resolve did:plc

     

       5
       -
       {% endblock %}

     

       6
       -
       

     

       7
       -
       {% block main -%}

     

       8
       -
       <h2>Resolve a did:plc Identifier</h2>

     

       9
       -
       <form action="/resolve" method="get">

     

       10
       -
         <p><label>DID</label>

     

       11
       -
         <input type="text" name="did">

     

       12
       -
         </p>

     

       13
       -
         <input type="submit" value="Submit">

     

       14
       -
       </form>

     

       15
       -
       {%- endblock %}