├── README.md
├── webpkiorg.png
├── index.html
├── technical-writing.html
├── style.css
└── webpkiorg.svg
/README.md:
--------------------------------------------------------------------------------
1 | # cyberphone.github.io
2 |
3 | Main entry
--------------------------------------------------------------------------------
/webpkiorg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cyberphone/cyberphone.github.io/gh-pages/webpkiorg.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | cyberphone.github.io
8 | Hi, this is the home of @cyberphone.
15 | I hope you find something of interest here.
16 |
17 |
18 |
19 |
--------------------------------------------------------------------------------
/technical-writing.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | cyberphone.github.io
8 | Technical Writing
14 | Here is a short list of technical documents I have written. Documents written by me as a consultant are not listed here because they are either not public and/or have multiple authors.
15 |
16 | Description Document Elements Document Title and Link Web based payments HTML, CSS, JavaScript, SVG FIDO Web Pay Discussion paper MSWord/PDF, PNG Casting APIs in Stone? Video presentation MP4, PPT, PNG The Open Banking Wallet Java API JavaDoc, HTML, CSS, SVG CBOR - Encoder, Decoder, Signatures, and Encryption IETF RFC (co-author) RFC-XML JSON Canonicalization Scheme (JCS)
23 | anders.rundgren.net@gmail.com
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin:10pt;
3 | font-size:8pt;
4 | font-family:Verdana,'Bitstream Vera Sans','DejaVu Sans',Arial,'Liberation Sans';
5 | }
6 |
7 | a {
8 | color:#007fff;
9 | text-decoration:none;
10 | outline:none;
11 | }
12 |
13 | .tftable {
14 | border-collapse: collapse;
15 | box-shadow: 0.2em 0.2em 0.2em #d0d0d0;
16 | margin: 0.6em 0 1em 0
17 | }
18 |
19 | .tftable td {
20 | background-color: #fffdf2;
21 | padding: 0.4em 0.5em;
22 | border-width: 1px;
23 | border-style: solid;
24 | border-color: black
25 | }
26 |
27 | .tftable th {
28 | font-weight: normal;
29 | padding: 0.4em 0.5em;
30 | background-color: #f8f8f8;
31 | text-align: center;
32 | border-width: 1px;
33 | border-style: solid;
34 | border-color: black
35 | }
36 |
37 | li {
38 | padding-top:5pt
39 | }
40 |
41 | .staticbox, .textbox {
42 | box-sizing:border-box;
43 | width:100%;word-break:break-all;
44 | border-width:1px;
45 | border-style:solid;
46 | border-color:grey;
47 | padding:10pt;
48 | }
49 |
50 | .staticbox {
51 | background:#f8f8f8;
52 | font-family: "Noto Mono",monospace;
53 | }
54 |
55 | .textbox {
56 | background:#ffffea;
57 | }
58 |
59 | .header {
60 | text-align:center;
61 | font-weight:bolder;
62 | font-size:12pt;
63 | font-family:arial,verdana;
64 | }
65 |
66 | .sitefooter {
67 | display:flex;
68 | align-items:center;
69 | border-width:1px 0 0 0;
70 | border-style:solid;
71 | position:absolute;
72 | z-index:5;
73 | left:0px;
74 | bottom:0px;
75 | right:0px;
76 | padding:0.5em 0.7em;
77 | }
78 |
79 | .stdbtn, .multibtn {
80 | cursor:pointer;
81 | background:linear-gradient(to bottom, #eaeaea 14%,#fcfcfc 52%,#e5e5e5 89%);
82 | border-width:1px;
83 | border-style:solid;
84 | border-color:#a9a9a9;
85 | border-radius:5pt;
86 | padding:3pt 10pt;
87 | }
88 |
89 | .sigparmbox {
90 | border-radius:5pt;
91 | padding:0 5pt 5pt 5pt;
92 | }
93 |
94 | .sigparmhead {
95 | border-radius:3pt;
96 | padding:3pt 5pt;
97 | z-index:5;
98 | position:relative;
99 | top:-10pt;
100 | margin-bottom:-3pt;
101 | }
102 |
103 | .defbtn {
104 | border-radius:2pt;
105 | display:inline-block;
106 | cursor:pointer;
107 | padding:1pt 3pt;
108 | background-color:#f0f5fd;
109 | border-color:#2a53ea;
110 | }
111 |
112 | .sigparmbox, .sigparmhead, .defbtn {
113 | border-width:1px;
114 | border-style:solid;
115 | }
116 |
117 | .sigparmhead, .sitefooter {
118 | border-color:#c85000;
119 | background-color:#fffcfc;
120 | }
121 |
122 | .sigparmbox {
123 | border-color:#008040;
124 | background-color:#fbfff7;
125 | }
126 |
127 | .stdbtn, .multibtn, .sigparmhead {
128 | font-family:Arial,'Liberation Sans',Verdana,'Bitstream Vera Sans','DejaVu Sans';
129 | font-size:10pt;
130 | }
131 |
132 | .stdbtn, .multibtn, .sigparmbox, .staticbox, .textbox {
133 | box-shadow:3pt 3pt 3pt #d0d0d0;
134 | }
135 |
136 | .stdbtn {
137 | display:inline-block;
138 | }
139 |
140 | .stdbtn {
141 | margin-top:15pt;
142 | }
143 |
144 | .multibtn {
145 | margin-top:12pt;
146 | text-align:center;
147 | }
148 |
149 | @media (max-width:768px) {
150 |
151 | .stdbtn, .multibtn, .sigparmbox, .staticbox, .textbox {
152 | box-shadow:2pt 2pt 2pt #d0d0d0;
153 | }
154 |
155 | }
156 |
--------------------------------------------------------------------------------
/webpkiorg.svg:
--------------------------------------------------------------------------------
1 |
2 |
13 |
15 |
16 |
18 | image/svg+xml
19 |
23 |
24 |
25 |
26 |
27 |
29 |
30 |
38 |
87 |
88 |
--------------------------------------------------------------------------------
14 |